<!doctype html>
<html lang="en" id="main">
  <head>
    <title>identical-links-same-purpose test</title>
    <meta charset="utf8" />
    <link
      rel="stylesheet"
      type="text/css"
      href="/node_modules/mocha/mocha.css"
    />
    <script src="/node_modules/mocha/mocha.js"></script>
    <script src="/node_modules/chai/chai.js"></script>
    <script src="/axe.js"></script>
    <script>
      mocha.setup({
        timeout: 10000,
        ui: 'bdd'
      });
      var assert = chai.assert;
    </script>
  </head>

  <body>
    <div id="frame-container">
      <!-- pass  -->
      <a id="pass-outside-frame" href="/home/#/foo">Pass 1</a>
      <iframe id="myframe" src="frames/level1.html"></iframe>

      <!-- incomplete -->
      <map name="infographic-incomplete">
        <area
          id="incomplete-outside-frame"
          shape="poly"
          coords="130,147,200,107,254,219,130,228"
          href="https://developer.mozilla.org/docs/Web/HTML"
          title="HTML"
        />
      </map>
      <img
        usemap="#infographic-incomplete"
        src="https://interactive-examples.mdn.mozilla.net/media/examples/mdn-info2.png"
        alt="MDN infographic"
      />
    </div>

    <!-- removing mocha div as I do not want to filter out these anchors for assertion -->
    <!-- <div id="mocha"></div> -->

    <script src="/test/testutils.js"></script>
    <script src="page.js"></script>
    <script src="/test/integration/adapter.js"></script>
  </body>
</html>
